﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="NbSecurityAppManage.Index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title></title>
    
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <style>
         .imgHeader {
            
            text-align: center;
        }

            .imgHeader img {
                width: 80%;
            }
             .msbtn {
            
            height: 45px;
            font-size: 22px;
            letter-spacing: 6px;
            border: 2px solid white;
            background-color: #79BC1F;
        }
    </style>
    <script src="/bootstrap/js/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>     

</head>
<body style="background-color:#F2F2F2;width:100%;">
    <form id="form1" runat="server">
        <div style="width:100%;margin-top:100px;"></div>
     <div class="row" style="width:80%;text-align:center;margin:auto;">
        <img src="/imgs/index/logo.png" class="img-responsive"/>
    </div>
         <div class="row"  style="margin-top:50px;width:80%;text-align:center;margin:auto;">
       <p style="color:#2E2E2E;font-size:20px;font-family:'Microsoft YaHei'">产品身份的贴身管家</p>
    </div>
         <div class="row"  style="margin-top:60px;width:80%;text-align:center;margin:auto;">
   <img src="/imgs/index/qygj.png"   style="max-width:200px;" onclick="doLogin();"/>
    </div>
        <div style="margin-top:65px;margin-bottom:40px;">
        <div class="row" style="text-align:center;width:80%; margin:auto;"> 
      <div class="col-xs-3 imgHeader"  >
          <img src="/imgs/index/G_11.png" id="fwimg" style="max-width:200px;width:90%;" onclick="changeImg('fw');"/>
      </div>
      <div class="col-xs-3 imgHeader"  >
          <img src="/imgs/index/GG_03.png"  id="syimg"  style="max-width:200px;width:90%;" onclick="changeImg('sy');"/>
      </div>
      <div class="col-xs-3" style="text-align:center;">
          <img src="/imgs/index/G_06.png"  id="jfimg"  style="max-width:200px;width:90%;" onclick="changeImg('jf');"/>
      </div>
            <div class="col-xs-3" style="text-align:center;">
          <img src="/imgs/index/G_08.png"  id="hyjfimg"  style="max-width:200px;width:90%;" onclick="changeImg('hyjf');"/>
      </div>
            </div>
    </div>
        <%-- <div style="margin-top:1px;">
        <div class="row" style="text-align:center; width:70%; margin:auto;"> 
      <div class="col-xs-3"  >
         <p>防伪</p>
      </div>
      <div class="col-xs-3"  >
          <p>溯源</p>
      </div>
      <div class="col-xs-3" style="word-break:keep-all;">
           <p>积分查询</p>
      </div>
            <div class="col-xs-3" style="word-break:keep-all;">
         <p>会员积分</p>
      </div>
            </div>
    </div>--%>
        <div style="width:80%;margin:auto; display:none;" id="fw" >
        <div class="form-group" style="width:65%;float:left;">  
		<input type="text" class="form-control" id="sycode" runat="server"
			   placeholder="请输入16位溯源数字身份码"/>
	</div>
             <div class="form-group" style="width:35%;float:left;">  
		<input type="text" class="form-control" id="fwcode" runat="server"
			   placeholder="输入4位验证码"/>
	</div>
             <div class="form-group" style="width:100%;"> 
               <button id="fwbtn" type="button" class="btn btn-success" style="width:100%;background-color:#79BC1F;">码上查询</button>
                        </div>
        </div>
       

        <div style="width:80%;margin:auto;display:none;" id="sy">
        <div class="form-group" style="width:100%;float:left;">  
		<input type="text" class="form-control" id="sycode2" runat="server"
			   placeholder="请输入16位溯源数字身份码"/>
	</div>
           <div class="form-group" style="width:100%;"> 
               <button id="sybtn" type="button" class="btn btn-success" style="width:100%;background-color:#79BC1F;">码上查询</button>
                        </div>   
        </div>

         <div style="width:80%;margin:auto;display:none;" id="jf">
        <div class="form-group" style="width:100%;">  
		<input type="text" class="form-control" id="sjhm" runat="server"
			   placeholder="输入您的手机号码"/>
	</div>
             <div class="form-group" style="width:100%;">  
		<input type="text" class="form-control" id="sycode3" runat="server"
			   placeholder="溯源码"/>
	</div>
        </div>

         <div style="width:80%;margin:auto;display:none;" id="hyjf">
        <div class="form-group" style="width:100%;">  
		<input type="text" class="form-control" id="sjhm2" runat="server"
			   placeholder="输入您的手机号码"/>
	</div>
             <div class="form-group" style="width:100%;">  
		<input type="text" class="form-control" id="mima" runat="server"
			   placeholder="输入密码"/>
	</div>
        </div>

       <%-- <div style="width:90%;margin:auto;">
             <div class="form-group" style="width:100%;"> 
               <button id="fwbtn" type="button" class="btn btn-success" style="width:100%;background-color:#79BC1F;">码上查询</button>
                        </div>
        </div>--%>
         
    </form>
</body>
<script src="Scripts/Index.js"></script>
</html>
